.self-box .nav{
	margin-bottom: 10px;
}
.self-box .nav a{
	color:#6fa2ee;
}
.self-box .all,.self-box .readed{
	display: none;
}
.letter-item{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.send-user{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	display: inline-block;
}
.send-user img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.send-user a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 10;
	text-align: center;
	line-height: 70px;
	transition:all 0.2s;
}
.send-user:hover a{
	bottom: 0;
}
.letter-describe{
	width: 87%;
	float: right;
}
.letter-describe .send-userName{
	color: #6fa2ee;
}
.send-userName:hover{
	color: #fb98af;
	text-decoration: underline;
}
.letter-describe article{
	padding: 10px;
	width: 100%;
	overflow: hidden;
}
.letter-bottom{
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.letter-bottom time{
	color: #ccc;
	font-size: 10px;
}
.letter-bottom .btn{
	width: 80px;
	padding: 2px;
	display: block;
	background: #6fa2ee;
	color: #fff;
}
.self-box nav{
	width: 100%;
	text-align: center;
}

